﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="active_list.aspx.cs" Inherits="weikebuluo.web.wechat.party.active_list" %>

<html xmlns="http://www.w3.org/1999/xhtml"><head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>微聚会</title>
        <base href=".">
        <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
    <link href="styles/cate4_3.css" rel="stylesheet" type="text/css" />
    <link href="styles/iscroll.css" rel="stylesheet" type="text/css" />
    <link href="styles/plugmenu.css" rel="stylesheet" type="text/css" />
        <style>


        </style>
    <script src="styles/iscroll.js" type="text/javascript"></script>
        <script type="text/javascript">
            var myScroll;

            function loaded() {
                myScroll = new iScroll('wrapper', {
                    snap: true,
                    momentum: false,
                    hScrollbar: false,
                    onScrollEnd: function () {
                        document.querySelector('#indicator > li.active').className = '';
                        document.querySelector('#indicator > li:nth-child(' + (this.currPageX + 1) + ')').className = 'active';
                    }
                });

            }

            document.addEventListener('DOMContentLoaded', loaded, false);
        </script>

    </head>
    <body id="cate4">
			   <div class="banner">
		<div id="wrapper" style="overflow: hidden;">
			<div id="scroller" style="width: 5404px; -webkit-transition: -webkit-transform 0ms; transition: -webkit-transform 0ms; -webkit-transform-origin: 0px 0px; -webkit-transform: translate3d(-2702px, 0px, 0px) scale(1);">
				<ul id="thelist"> 
				<li><p>聚友自拍</p><a><img src="http://www.liurenju.com/Uploads/image/20140713/53c1d90c8e0f3.png" style="width: 1351px;"></a></li>				</ul>
			</div>
		</div>
		<div id="nav">
			<div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,3);return false">← prev</div>
			<ul id="indicator">
			<li class="active">3</li>		 
			</ul>
			<div id="next" onclick="myScroll.scrollToPage('next', 0);return false">next →</div>
		</div>
		<div class="clr"></div>
		</div>
        <div id="insert1"></div>
        <div id="todayList" style="margin-bottom:50px">
            <ul class="todayList">
            	
            <%if (dtactive.Rows.Count > 0)
              {
                  for (int i = 0; i < dtactive.Rows.Count; i++)
                  { %>
                <li class="only4">
                        <a href="join.aspx?uid=<%=Request.QueryString["uid"] %>&wxid=<%=Request.QueryString["wxid"] %>&id=<%=dtactive.Rows[i]["active_id"]%>">
                            <div class="img"><img src="http://www.liurenju.com/Uploads/image/20140714/53c35ef845948.png"></div>
                            <h2 style="font-size:12px"><%=dtactive.Rows[i]["active_theme"]%></h2>
                            <p class="onlyheight" style="font-size:12px"><%=Convert.ToDateTime(dtactive.Rows[i]["active_time"]).ToString("yyyy-MM-dd")%>-<%=dtactive.Rows[i]["active_hour"]%>点(功勋≧0)<span style="float:right;color:red">6缺6<span></span></span></p>
                            <span class="icon">&nbsp;</span>
                            <div class="clr"></div>
                        </a>
                    </li>                
                                <%}
              } %>
            </ul>
           
        </div>
         <%--<div style="float:right;padding-bottom:20px;margin-right:15px;font-size:15px;line-height:20px"><a style="text-decoration:underline;" href="/index.php?g=Wap&amp;m=Liurenju&amp;a=my&amp;classid=564&amp;token=fcfayt1392694263">个人信息</a>&nbsp;&nbsp;<a style="text-decoration:underline;" href="http://shang.qq.com/wpa/qunwpa?idkey=1a984a39fa586abd14901fbfc371a614f961776276cb9798bdc574d7ae13b75a">加入qq群</a>&nbsp;&nbsp;<a style="text-decoration:underline;" href="/index.php?g=Wap&amp;m=Liurenju&amp;a=festInstructions">功勋说明</a></div>--%>
        <script>


            var count = document.getElementById("thelist").getElementsByTagName("img").length;


            for (i = 0; i < count; i++) {
                document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px";

            }

            document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px";


            setInterval(function () {
                myScroll.scrollToPage('next', 0, 400, count);
            }, 3500);

            window.onresize = function () {
                for (i = 0; i < count; i++) {
                    document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px";

                }

                document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px";
            } 

        </script>
        <div id="insert2"></div>
        <div style="display:none"> </div>
        <div style="display:none"></div>

<div class="plug-div">
        <div class="plug-phone">
            <div class="plug-menu themeStyle" style="background:#FF0000"><span class="close"></span></div> 
               <div class="themeStyle plug-btn plug-btn1 close" style="background:#FF0000">
							<a href="tel:4000699328">
								<span style="background-image: url(http://www.liurenju.com/tpl/Wap/default/common/css/flash/images/img/tel.png);"></span>
							</a>
						</div><div class="themeStyle plug-btn plug-btn2 close" style="background:#FF0000">
							<a href="http://weibo.com/gzliurenju">
								<span style="background-image: url(http://www.liurenju.com/tpl/Wap/default/common/css/flash/images/img/weibo.png);"></span>
							</a>
						</div><div class="themeStyle plug-btn plug-btn3 close" style="background:#FF0000">
							<a href="http://site.douban.com/234935/?wecha_id=ocjxFuPo-i9SQ7snMgHaA6mXMYV8">
								<span style="background-image: url(http://www.liurenju.com/tpl/Wap/default/common/css/flash/images/img/other.png);"></span>
							</a>
						</div><div class="themeStyle plug-btn plug-btn4 close" style="background:#FF0000">
							<a href="http://wx.wsq.qq.com/229310299">
								<span style="background-image: url(http://www.liurenju.com/tpl/Wap/default/common/css/flash/images/img/share.png);"></span>
							</a>
						</div>   
<div class="plug-btn plug-btn5 close"></div>
                    </div>
    
</div><script src="styles/zepto.min.js" type="text/javascript"></script>
        <script src="styles/plugmenu.js" type="text/javascript"></script>
<div class="copyright">
</div> 
    </body></html>
